/*
 * Copyright 2012 Clement Sannicolo <clement.sannicolo@gmail.com>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

Ext.define('App.Viewport',
{
	extend: 'Ext.panel.Panel',
	alias: 'widget.viewport',
	
	requires: [
	    'Ext.layout.container.Border',
	    'Ext.tab.Panel',
	    'Nutrient.view.Layout'
	],

	layout: 'border',
	border: false,

	initComponent: function()
	{
		this.head = new Ext.panel.Panel({
			region: 'north',
			height: 75,
			border: false,
			html: '<div class="header">Header</div>'
		});
		
		this.tabPanel = new Ext.tab.Panel({
			region: 'center',
			resizeTabs: true,
			enableTabScroll: true,
			border: false,
			items: [{
				xtype: 'nutrient.layout',
				title: 'Nutrient'
			}]
		});

		this.items = [this.head, this.tabPanel];
		
		this.callParent(arguments);
	}
});